<seed-content class="mine-more">
  <seed-toolbar-header>
    <seed-toolbar-title>更多功能</seed-toolbar-title>
    <!--<seed-icon color="c10" name="icon-setting" class="profile-icon setting"></seed-icon>-->
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <div class="mine-more-page">
    <div class="seed-gap"></div>
    <div class="profile-item item" *ngIf="myFunction">
      <div class="item-title seed-flexbox seed-flexbox-content-between">
        <span>我的功能</span>
      </div>
      <seed-item class="seed-profile-item seed-grid">
        <div class="row seed-grid-row">
          <div class="row-item seed-grid-col" col-5
               *ngFor="let item of myFunction"
               (click)="goToDetail(item.serviceUrl,item.serviceName)"
          >
            <!--<span [ngStyle]="{'background-image':'url('+item.iconUrl || getIcon('picture_service_place@2x.png')+')'}"-->
            <!--&gt;</span>-->
            <img [src]="item.iconUrl || getIcon('picture_service_place@2x.png')">
            <span>{{item.serviceName}}</span>
          </div>
        </div>
      </seed-item>

    </div>
    <div class="seed-gap"></div>
    <div class="profile-item item" *ngIf="publishFunction">
      <div class="item-title seed-flexbox seed-flexbox-content-between">
        <span>互动发布</span>
      </div>
      <seed-item class="seed-profile-item seed-grid">
        <div class="row seed-grid-row">
          <div class="row-item seed-grid-col" col-5
               *ngFor="let item of publishFunction"
               (click)="goToDetail(item.serviceUrl,item.serviceName)"
          >
            <!--<span [ngStyle]="{'background-image':'url('+item.iconUrl || getIcon('picture_service_place@2x.png')+')'}"-->
            <!--&gt;</span>-->
            <img [src]="item.iconUrl || getIcon('picture_service_place@2x.png')">
            <span>{{item.serviceName}}</span>
          </div>
        </div>
      </seed-item>
    </div>

    <div class="seed-gap"></div>
    <div class="profile-item item" *ngIf="authFunction">
      <div class="item-title seed-flexbox seed-flexbox-content-between">
        <span>认证功能</span>
      </div>
      <seed-item class="seed-profile-item seed-grid">
        <div class="row seed-grid-row">
          <div class="row-item seed-grid-col" col-5
               *ngFor="let item of authFunction"
               (click)="goToDetail(item.serviceUrl,item.serviceName)"
          >
            <!--<span [ngStyle]="{'background-image':'url('+item.iconUrl || getIcon('picture_service_place@2x.png')+')'}"-->
            <!--&gt;</span>-->
            <img [src]="item.iconUrl || getIcon('picture_service_place@2x.png')">
            <span>{{item.serviceName}}</span>
          </div>
        </div>
      </seed-item>
    </div>

    <div class="seed-gap"></div>
    <div class="profile-item item" *ngIf="setFunction">
      <div class="item-title seed-flexbox seed-flexbox-content-between">
        <span>系统设置</span>
      </div>
      <seed-item class="seed-profile-item seed-grid" >
        <div class="row seed-grid-row">
          <div class="row-item seed-grid-col" col-5
               *ngFor="let item of setFunction"
               (click)="goToDetail(item.serviceUrl,item.serviceName)"
          >
            <!--<span [ngStyle]="{'background-image':'url('+item.iconUrl || getIcon('picture_service_place@2x.png')+')'}"-->
            <!--&gt;</span>-->
            <img [src]="item.iconUrl || getIcon('picture_service_place@2x.png')">
            <span>{{item.serviceName}}</span>
          </div>
        </div>
      </seed-item>
    </div>
    <div class="seed-gap"></div>
    <div class="profile-item item" *ngIf="authRole">
      <div class="item-title seed-flexbox seed-flexbox-content-between">
        <span>授权功能</span>
      </div>
      <seed-item class="seed-profile-item seed-grid">
        <div class="row seed-grid-row authRole"  *ngFor="let item of authRole" [routerLink]="['/mine/grant',item.providerId]">
          <div class="auth-rights">
            <seed-avatar [userId]="item.providerId"
                         [lazyLoadAvatar]="item.iconUrl"
            ></seed-avatar>
            <div class="auth-info">
              <p class="auth-org-name">
                <span>{{item.authName | truncate:15}}</span>
                <img [src]="item.authIconTxtUrl">
              </p>
              <p class="auth-service-type">
                <span>担任职务：</span>
                <span>{{item.roleName}}</span>
              </p>
            </div>
          </div>
          <seed-icon  color="c4"  name="icon-arrow-right"></seed-icon>
          <!--<div class="row-item seed-grid-col" col-5-->
               <!--*ngFor="let items of item.ipAuthServiceRespList"-->
               <!--(click)="goToRelatedPage(items.serviceUrl)"-->
          <!--&gt;-->
            <!--&lt;!&ndash;<span [ngStyle]="{'background-image':'url('+items.iconUrl || getIcon('picture_service_place@2x.png')+')'}"&ndash;&gt;-->
            <!--&lt;!&ndash;&gt;</span>&ndash;&gt;-->
            <!--<img [src]="items.iconUrl || getIcon('picture_service_place@2x.png')">-->
            <!--<span>{{items.serviceName}}</span>-->
          <!--</div>-->
        </div>
      </seed-item>
    </div>
  </div>
  <div class="mine-default-page">

  </div>
</seed-content>
